<template>
  <div class="box">Content--{{count}}</div>
  <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>

    <el-link href="https://element-plus.org" target="_blank">default</el-link>
    <el-link type="primary">primary</el-link>
    <el-link type="success">success</el-link>
    <el-link type="warning">warning</el-link>
    <el-link type="danger">danger</el-link>
    <el-link type="info">info</el-link>
</template>

<script lang='ts' setup>
// import {ref} from "vue"
const count = ref(0)
</script>

<style lang="scss" scoped>
.box{
    width:200px;
    height:200px;
    background-color:$bg-color
}
</style>